<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>网站配置</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/layui/2.7.6/css/layui.css">
    <link rel="stylesheet" href="/static/admin/css/style.css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/layui/2.7.6/layui.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
    <style>

        table {
            border-collapse: collapse;
            border-spacing: 0;
            margin-bottom: 10px;
            width: 100%
        }

        th, td {
            padding: 4px 7px;
            text-align: left;
            vertical-align: top;
            border: 1px solid #ddd;
            background: #fff;
            white-space: nowrap
        }

        th, td.gray {
            background-color: #eee
        }

        td.gray span {
            color: #222
        }

        tr:hover td {
            background-color: #f5f5f5
        }

        tr:hover td.gray {
            background-color: #eee
        }

        [class*="icon-"] {
            display: inline-block;
            width: 16px;
            height: 16px;
            background: url('') no-repeat 0 0;
            vertical-align: bottom;
        }
        .icon-cross {
            background-position: -128px 0
        }
        .icon-rename {
            background-position: -192px 0
        }
        .icon-chain {
            background-position: -320px 0
        }
        .icon-file_html {
            background-position: -112px -16px
        }
    </style>
</head>
<body class="p20">

<fieldset class="layui-elem-field layui-field-title">
    <legend>文件管理</legend>
</fieldset>
<table>
    <tr>
        <th style="width:30%">名称</th>
        <th style="width:25%">大小</th>
        <th style="width:25%">修改时间</th>
        <th style="width:20%">操作</th>
    </tr>
    {foreach $filelist as $vo}
    <tr>
        <td><a href="{:url('file/html')}?file={$vo.0}"><i class="icon-file_html"></i>{$vo.0}</a></td>
        <td>{$vo.1|number_format=###,3}kb</td>
        <td>{$vo.2}</td>
        <td style="text-align: center">
            <a title="删除" href="" onclick="return confirm('确定要删除文件?');"><i class="icon-cross"></i>删除</a> <a title="重命名" href="#" onclick=""><i class="icon-rename"></i>重命名</a>
        </td>
    </tr>
    {/foreach}
</table>
</body>
</html>